@charset "utf-8";
/************************
 * 描述：商品详细
 * 作者：李梅
 * 时间：2013-12-13
************************/

/*公共背景图*/
section .deimges .deprice .depri a,
section .deimges .deprice .depri a.select,section .deimges .deprice .depri a:hover,
#detailContainer .dc_bottom a,#commentContainer .cc_content ul li .r a,
#commentContainer .cc_bottom .cc_btn_back
{ background-image:url(../images/bg.png); background-repeat:no-repeat; }

/*商品信息*/
section .deimges .detitle{padding:10px 10px 5px 10px; text-align:left;}
section .deimges .detitle a{font-size:14px; color:#333333;}
section .deimges .deprice{height:20px; line-height:20px;width:100%;padding-bottom:15px;}
section .deimges .deprice .depleft{float:left;margin-left:10px;}
section .deimges .deprice .yeprice{font-size:16px; color:#ff4400;font-family:"Arial";}
section .deimges .deprice .grayprice{color:#9a9a9a;padding-left:5px;text-decoration:line-through;font-family:"Arial";font-size:12px;}
section .deimges .deprice .count{font-size:12px; color:#636363;padding-left:5px;}
section .deimges .deprice .trf{padding-left:8px;color:#636363;font-size:12px;}
section .deimges .deprice .depri{float:right;margin-right:10px; display:inline-block;}
section .deimges .deprice .depri a{height:24px;width:22px;background-position:-5px -1000px;display:inline-block; cursor:pointer; float:right;margin-top:2px;}
section .deimges .deprice .depri a.select{background-position:-27px -1000px;}
section .deimges .deprice .depri span{ float:right;font-size:12px;color:#734454;display:inline-block;margin-top:2px;}
/*虚线*/
section .dexian{width:100%;height:0px;border-top:1px solid #cdcdcd;border-bottom:1px solid #ffffff;}
/*选择购买*/
section .dbuy{margin:15px 10px 0px 10px;}
section .dbuy ul li{margin-bottom:5px;}
section .dbuy ul li p{padding:5px 0px 5px 0px;}
section .dbuy .buyaes{width:100%;margin:15px 0px 15px 0px;}
section .dbuy .buyaes a{display:inline-block;width:49%;height:36px;line-height:36px;text-align:center;font-size:15px; cursor:pointer;}
section .dbuy .buyaes .addbuy{float:left;background:-webkit-gradient(linear,left top,left bottom,from(#fc9605),to(#fd7000));color:#fffcff;}
section .dbuy .buyaes .btnbuy{float:right;background:-webkit-gradient(linear,left top,left bottom,from(#ff5405),to(#e41501));color:#f7feff;}
/*猜你喜欢*/
.like{margin:0px 10px 0px 10px;}
.like .like_title{height:40px;line-height:40px;font-size:14px;color:#474747;}
.like .like_list{width:100%;}
.like .like_list ul{width:100%;} 
.like .like_list ul li { float:left; margin-right:2%; width:32%; position:relative; border:solid 1px #d1d1d1; box-sizing:border-box; }/*百分比布局使用内边框box-sizing:border-box;*/
.like .like_list ul li:last-child { margin-right:0; }
/*.like .like_list ul li:after { content:''; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:solid 1px #bdbdbd; }*//*伪元素画外边框*/
.like .like_list ul li a { display:block; }
.like .like_list ul li a img { width:100%; display:block; }
.like .like_list ul li span{display:block; padding:0 8px; height:22px; line-height:22px; text-align:center; background:rgba(105,72,57,0.6); position:absolute; z-index:333; bottom:0; right:0; color:#fff;font-size:12px; font-family:"Arial";}
/*商品评价、图文详情*/
.pcommend div a{font-size:14px;color:#474747;height:40px;line-height:40px; display:block;text-indent:10px; cursor:pointer;}
.pcommend div a:after{width:6px;height:6px;content:'';right:12px;border-top: 2px solid  #727272;border-right: 2px solid  #727272;-webkit-transform: rotate(45deg);display:block;position:absolute;margin-top:-25px;}
/*购买数量*/
.caption {width:100%;}
.caption  h3{width:100%;font-size:15px;margin-bottom:10px;}
.caption .num{color:#474747;}
.qb_icon{display: inline-block;background-repeat: no-repeat;}
/*减法*/
.minus {position: relative;text-align: center;display: inline-block;width: 29px;border: 1px solid #d4d5d6;background-color:#f8f8f8; cursor:pointer;}
.minus:after {content: "";position: absolute;top: 13px;left: 9px;border-top: 2px solid #333;width: 10px;}
/*加法*/
.plus {position: relative;text-align: center;display: inline-block;width: 29px;border: 1px solid #d4d5d6;background-color:#f8f8f8;margin-right:5px; cursor:pointer;}
.plus:before {content: "";position: absolute;height: 10px;border-left: 2px solid #333;top: 9px;left: 14px;}
.plus:after {content: "";position: absolute;width: 10px;border-top: 2px solid #333;top: 13px;left: 10px;}
.caption  input{width: 30px;height: 28px;vertical-align: middle;border: 1px solid #ccc;border-left: 0;border-right: 0;text-align: center;padding: 0;
display: inline-block;line-height: 28px;background-color:#f8f8f8;float:left;}
.num span{float:left;height:28px;line-height:28px;color:#474747;}
.num span:nth-child(1){width:40px;text-align:right;}
/*规格*/
.speclist dl {clear: both;margin: 0 0 10px 0;width:100%;display:block;}
.speclist dl dt {float: left;width: 40px;text-align: right;line-height: 28px;color:#474747;}
.speclist dl dd {float: left;display: block;white-space: nowrap;max-width:84%;}
.speclist dl dd ul li {float: left;display: block;margin: 0 4px 4px 0;cursor: pointer;background: #FFF;border: 1px solid #d4d5d6;padding:5px 9px 5px 9px;text-align:center;color:#474747; overflow:hidden; max-width:90%; text-overflow:ellipsis; white-space:nowrap; }
.speclist dl dd ul li.select{border:2px solid #ff4400;padding:4px 8px 4px 8px;}
.speclist dl dd ul li.disable { background:#ccc; color:#9a9a9a; }
/*图文详情弹出框*/
#detailContainer{ z-index:999;width:100%;top:0px; height:100%; left:0px;background-color:#efefef;}
#detailContainer .dc_content{padding:10px 10px 60px 10px;}
#detailContainer .dc_content img{max-width:100%;display:block;}
#detailContainer .dc_bottom{height:50px;width:100%;border-top:1px solid #c3c6ce;position:fixed;bottom:0px; background:rgba(239,239,239,0.8);}
#detailContainer .dc_bottom a{width:100%;text-align:center;display:block;height:100%;line-height:50px;font-size:15px; cursor:pointer; background-position:-2px -565px;}
#detailContainer .dc_bottom .backtext{color:#505050;}
/*评论列表*/
#commentContainer{z-index:999;width:100%;height:100%; position:absolute; top:0;left:0;background-color:#efefef;}
#commentContainer .cc_content{margin:0px 10px 0px 10px;padding-bottom:60px;}
#commentContainer .cc_content ul{}
#commentContainer .cc_content ul li{margin:20px 0px 0px 0px;height:auto;}
#commentContainer .cc_content ul li .l{float:left;width:82%;font-size:12px;height:auto;}
#commentContainer .cc_content ul li .l .title{line-height:20px;padding:0px 0px 5px 0px;}
#commentContainer .cc_content ul li .l .title a{color:#000000;}
#commentContainer .cc_content ul li .l .title span{padding:0px 0px 0px 30px;color:#b4b4b4;}
#commentContainer .cc_content ul li .l .des{color:#707070;line-height:20px}
#commentContainer .cc_content ul li .r{float:right;width:40px;height:20px;margin-top:18px;}
#commentContainer .cc_content ul li .r a{display:block;width:40px;height:20px;background-position:-8px -650px;}
#commentContainer .cc_bottom{height:50px;width:100%;border-top:1px solid #c3c6ce;position:fixed; left:0; bottom:0; background-color:#efefef;}
#commentContainer .cc_bottom table{width:100%; height:32px; margin:9px 0;}
#commentContainer .cc_bottom table td { padding:0; margin:0; }
#commentContainer .cc_bottom table tr td:nth-child(1){width:34px; padding-left:10px; padding-top:4px;}
#commentContainer .cc_bottom .cc_btn_back{width:24px;height:24px;display:inline-block; cursor:pointer; background-position:-8px -119px;}
#commentContainer .cc_bottom table tr td:nth-child(3){width:40px; padding-right:10px;}
#commentContainer .cc_bottom .itext{border:1px solid #d4d5d6; box-sizing:border-box; background-color:#fff;line-height:18px; height:32px; text-indent:5px; padding:6px 0; width:100%; }
#commentContainer .cc_bottom .commitcommend{background-color:#fff; border:1px solid #d4d5d6; border-left:none; box-sizing:border-box; line-height:30px; width:39px; text-align:center; display:block; float:left; color:#505050; cursor:pointer; }
/*弹出框*/
.mod_dialog .dialog_main {background: #333;text-shadow: none;color: #fff;position: fixed;width: 290px;left: 50%;margin-left: -145px;top: 30%;z-index: 301;}
.mod_dialog .dialog_main .dialog_bd {padding: 20px;}
.mod_dialog .dialog_main .dialog_ft {padding: 10px;}
.mod_dialog .dialog_main .dialog_ft a {color: #fff;background: #3c3c3c;margin-right: 10px;border: 1px solid #161616;box-shadow: 0 1px 1px #5a5a5a inset;
border-radius: 4px;padding: 4px 0;text-align: center;display:block;width:128px;height:25px;line-height:25px;}
.mod_dialog .dialog_main .dialog_ft a:last-child {margin-right: 0;}
.mod_dialog .dialog_mask {background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 300;}
.qb_tac {text-align: center;}
.qb_br {border-radius: 4px;}
.qb_flex {display: -webkit-box;}
/*更多评论*/
.divmore{width:100%;height:80px;line-height:80px;}
.divmore a{float:right;margin-right:15px;}
